$typeList: primary, success, warning, danger, info;
.sc-icon {
  --sc-icon-color: inherit;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  fill: currentColor;
  color: var(--sc-icon-color);
  font-size: inherit;
  @each $type in $typeList {
    &--#{$type} {
      --sc-icon-color: var(--sc-color-#{$type});
    }
  }
}
